home *** CD-ROM | disk | FTP | other *** search
/ Apple Developer Connectio…eloper Series 2005 March / Dev.CD Mar 05.iso / What's New / Technical Notes and Q&As / ADC Reference Library / css / adcstyle.css091903.css < prev    next >
Encoding:
Cascading Style Sheet File  |  2003-09-04  |  11.7 KB  |  459 lines
  1.  
  2. /* body description */
  3. BODY 
  4.     {    margin-top: 0;
  5.         margin-bottom: 0;
  6.         margin-left: 0;
  7.         margin-right: 0;
  8.         background-color: #ffffff;
  9.     }
  10.  
  11. /* link classes */
  12. A:link            { COLOR: #0000FF; TEXT-DECORATION: none; }
  13. A:link:hover    { COLOR: #FF6600; TEXT-DECORATION: underline; }
  14. A:active        { COLOR: #FF6600; TEXT-DECORATION: underline; }
  15.  
  16. /* apple.com site does not explicitly define visited link properties, but we do here */ 
  17. A:visited        { COLOR: #0000AA; TEXT-DECORATION: none; }
  18. A:visited:hover    { COLOR: #FF6600; TEXT-DECORATION: underline; } 
  19.  
  20.  
  21. /* link pseudo-classes */
  22. A.resources:link            { COLOR: #0000FF; TEXT-DECORATION: none; }
  23. A.resources:link:hover        { COLOR: #ff6600; TEXT-DECORATION: underline; }
  24. A.resources:visited            { COLOR: #0000FF; TEXT-DECORATION: none; }
  25. A.resources:visited:hover    { COLOR: #ff6600; TEXT-DECORATION: underline; }
  26. A.resources:active            { COLOR: #ff6600; TEXT-DECORATION: underline; }
  27.  
  28.  
  29. /* redefine table cell */
  30. td, TD {
  31.     FONT-SIZE: 11px; FONT-FAMILY: lucida grande, geneva, helvetica, arial, sans-serif;
  32. }
  33.  
  34. /* redefine ordered list */
  35. ol, OL {
  36.     FONT-SIZE: 11px; FONT-FAMILY: lucida grande, geneva, helvetica, arial, sans-serif;
  37. }
  38.  
  39. /* redefine unordered list */
  40. ul, UL {
  41.     FONT-SIZE: 11px; FONT-FAMILY: lucida grande, geneva, helvetica, arial, sans-serif;
  42. }
  43.  
  44. /* redefine list item */
  45. li, LI {
  46.     FONT-SIZE: 11px; FONT-FAMILY: lucida grande, geneva, helvetica, arial, sans-serif;
  47. }
  48.  
  49. /* redefine preformated text and code blocks */
  50. PRE {
  51.     FONT-SIZE: 11px; FONT-FAMILY: monaco, courier, monospace;
  52. }
  53. CODE {
  54.     FONT-SIZE: 11px; FONT-FAMILY: monaco, courier, monospace;
  55. }
  56.  
  57.  
  58.  
  59.  
  60.  
  61. /* Home Page */
  62. #articlehead {
  63.     FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #000000; FONT-FAMILY: lucida grande, geneva, helvetica, arial, sans-serif;
  64. }
  65. #linklisthead {
  66.     FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #000000; FONT-FAMILY: lucida grande, geneva, helvetica, arial, sans-serif;
  67. }
  68.  
  69. #sectionhead {
  70.     FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR: #000000; FONT-FAMILY: lucida grande, geneva, helvetica, arial, sans-serif;
  71. }
  72. #sectionsubhead {
  73.     FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #000000; FONT-FAMILY: lucida grande, geneva, helvetica, arial, sans-serif;
  74. }
  75. #sectionheadorange {
  76.     FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR: #DB3700; FONT-FAMILY: lucida grand, geneva, helvetica, arial, sans-serif;
  77. }
  78. #resources {
  79.     margin-bottom: 3px; FONT-WEIGHT: normal; FONT-SIZE: 11px; FONT-FAMILY: lucida grande, geneva, helvetica, arial, sans-serif;
  80. }
  81. .membership_bullets {
  82.     color: #ffffff; FONT-WEIGHT: normal; FONT-SIZE: 11px; FONT-FAMILY: lucida grande, geneva, helvetica, arial, sans-serif;
  83. }
  84.  
  85.  
  86. /* glossary page styles */
  87. #glossary_header { 
  88.     font-size: 12px; font-weight: bold; 
  89. }
  90. #glossary_header_letter { 
  91.     font-size: 14px; font-weight: bold; 
  92. }
  93.  
  94.  
  95. /* form class, removes whitespace browsers use by default with forms */
  96. #form {
  97.     margin-bottom:0;margin-right:0;margin-left:0;margin-top:0;
  98. }
  99.  
  100.  
  101. /* paragraph describing page located just below the black text page title */
  102. #paragraph_description {
  103.     font-size: 12px;
  104. }
  105.  
  106.  
  107. /* rate this page feedback form styles */
  108. #feedback_• {
  109.     font-family: lucida grande, arial; font-size: 10px; color: #FFFFFF; text-align: center;
  110. }
  111. #feedback_text {
  112.     font-family: lucida grande, arial; font-size: 10px; color: #000000;
  113. }
  114. #radio_help {
  115.     text-align: center; padding-top: 4px;
  116. }
  117. #radio_easy {
  118.     text-align: center; padding-bottom: 4px;
  119. }
  120.  
  121.  
  122. /* search results box styles */
  123. #results_cell_first { 
  124.     border-top: 1px #A2A6A9 solid; border-left: 1px #A2A6A9 solid; 
  125. }
  126. #results_cell_title {
  127.     padding-top: 10px; padding-bottom: 10px; border-top: 1px #A2A6A9 solid; padding-right: 6px; font-size: 12px; font-weight: bold; vertical-align: top;
  128. }
  129. #results_cell_other {
  130.     padding-top: 10px; padding-bottom: 10px; border-top: 1px #A2A6A9 solid; padding-left: 6px; padding-right: 6px; vertical-align: top;
  131. }
  132. #results_cell_date {
  133.     padding-top: 10px; padding-bottom: 10px; border-top: 1px #A2A6A9 solid; padding-left: 4px; vertical-align: top;
  134. }
  135. #results_cell_last {
  136.     border-top: 1px #A2A6A9 solid; border-right: 1px #A2A6A9 solid;
  137. }
  138. .results_description { 
  139.     font-size: 10px; font-weight: normal;
  140. }
  141.  
  142.  
  143.  
  144. /* apple script (or any other reference library page) styles */
  145. #header { 
  146.     font-size: 12px; font-weight: bold;
  147. }
  148. #link_header {
  149.     font-size: 10px; font-weight: bold;
  150. }
  151. #blue_header {
  152.     font-size: 12px; font-weight: bold; color: #000099;
  153. }
  154. #td_left_line {
  155.     border: 1px #555555 left;
  156. }
  157.  
  158.  
  159. /* co marketing styles */
  160. #icon_cell {
  161.     height: 93px; text-align: center;
  162. }
  163. #detail_header {
  164.     text-align: middle; background: #6D7F95; color: #FFFFFF; font-family: verdana;
  165.     font-weight: bold; font-size: 10px;
  166. }
  167. #vendor_bullet {
  168.     color: #696969;
  169. }
  170. #comarket_paragraph {
  171.     color: #696969; font-size: 12px;
  172. }
  173. #vendor_detail {
  174.     font-family: lucida grande, verdana; font-size: 12px;
  175. }
  176. #vendor_contact {
  177.     font-family: verdana; font-size: 10px;
  178. }
  179. #detail_heading {
  180.     font-weight: bold;
  181. }
  182. #detail_copy {
  183.     font-family: lucida grande, arial; font-size: 12px;
  184. }
  185. #discount_box_header {
  186.     color: #FFFFFF; font-weight: bold;
  187. }
  188. #discount_box_copy {
  189.     font-family: lucida grande, arial; font-size: 12px;
  190. }
  191. #photo_table_copy {
  192.     color: #7D7D7D; font-family: lucida grande, arial; font-size: 10px;
  193. }
  194.  
  195.  
  196.  
  197. /*narrative styles */
  198. #narrative_paragraph {
  199.     color: #696969; font-size: 14px;
  200. }
  201. #narrative_header {
  202.     font-family: lucida grande, arial; font-size: 13px; font-weight: bold;
  203. }
  204. #narrative_content {
  205.     font-family: lucida grande, arial; font-size: 12px; vertical-align: top;
  206. }
  207. #pic_box_text {
  208.     color: #878787; line-height: 11px; font-family: lucida grande, arial; font-size: 11px; 
  209. }
  210. #red_copy {
  211.     color: #7F0F0B; padding-left: 15px;
  212. }
  213. #pager {
  214.     color: #76797C;
  215. }
  216.  
  217.  
  218.  
  219. /* frameset: table of contents frame */
  220. #toc_contents_text {
  221.     font-family: lucida grande, geneva, helvetica, arial, sans-serif; font-size: 12px; color: #0000FF;
  222. }
  223. #toc_contents_text_open {
  224.     font-family: lucida grande, geneva, helvetica, arial, sans-serif; font-size: 12px; background: #FFFFFF; color: #0000FF;
  225. }
  226. #low_level_text {
  227.     font-family: lucida grande, geneva, helvetica, arial, sans-serif; font-size: 10px; color: #0000FF;
  228. }
  229. #low_level_text_on {
  230.     font-family: lucida grande, geneva, helvetica, arial, sans-serif; font-size: 10px; color: #0000FF;
  231. }
  232. #top_level_open {
  233.     background: #FFFFFF;
  234. }
  235. #third_level {
  236.     background: #FFFFFF;
  237. }
  238. #toc_contents_title {
  239.     font-family: lucida grande, geneva, helvetica, arial, sans-serif; font-size: 14px; color: #FFFFFF; font-weight: bold;
  240. }
  241. #toc_contents_heading {
  242.     font-family: lucida grande, geneva, helvetica, arial, sans-serif; font-size: 12px; font-weight: bold;
  243. }
  244.  
  245.  
  246.  
  247.  
  248. /* frameset: content frame */
  249. #content_text {
  250.     font-family: lucida grande, geneva, helvetica, arial, sans-serif; font-size: 12px; font-weight: normal;
  251. }
  252.  
  253. /* frameset: page title */
  254. #page_title {
  255.     font-family: Myriad Apple, Myriad, Arial, Helvetica, Lucida Grande; font-size: 36px; font-weight: bold; color: #000000;
  256. }
  257.  
  258. /* frameset: Unordered List */
  259. UL .content {
  260.     FONT-SIZE: 12px; FONT-FAMILY: lucida grande, geneva, helvetica, arial, sans-serif;
  261. }
  262.  
  263.  
  264.  
  265. /* product line styles */
  266. #product_line_list {
  267.     font-size: 10px; 
  268. }
  269. #product_line_bullet {
  270.     font-size: 10px; vertical-align: top; color: #0000FF;
  271. }
  272.  
  273.  
  274.  
  275.  
  276. /* technical note classes */
  277. #important_note {
  278.     background: #E2E2E2; border: 1px solid #CCCCCC;
  279. }
  280. #page_contents {
  281.     font-size: 12px; line-height: 20px; color: #0000FF;
  282. }
  283.  
  284. #tech_content {
  285.     font-size: 12px;
  286. }
  287. #tech_header {
  288.     font-size: 14px; font-weight: bold;
  289. }
  290. #tech_subhead {
  291.     font-size: 12px; font-weight: bold;
  292. }
  293. #tech_list {
  294.     font-size: 12px; padding-bottom: 9px;
  295. }
  296. #source_code_box {
  297.     border: 1px solid #C7CFD5; background: #F1F5F9; 
  298. }
  299. #source_code {
  300.     font-family: monaco, courier, monospace; font-size: 10px; margin-bottom: 0px; padding: 12px;
  301. }
  302. #example_title {
  303.     font-size: 10px; margin-bottom: 5px; color: #28333B;
  304. }
  305. #example_table_header {
  306.     font-weight: bold; background: #C7CFD5; 
  307. }
  308. #example_table_cell {
  309.     border: 1px #C7CFD5 solid; background: #F1F5F9; vertical-align: top; font-size: 12px;
  310. }
  311. #download_cell_1 {
  312.     background: #F6F6F6; font-size: 11px; padding-top: 2px; padding-bottom: 2px; padding-left: 2px;
  313.     border-left: 1px solid #E6E6E6; border-top: 1px solid #E6E6E6; border-bottom: 1px solid #E6E6E6;
  314. }
  315. #download_cell_2 {
  316.     background: #F6F6F6; font-size: 10px; padding-top: 2px; padding-bottom: 2px; 
  317.     border-top: 1px solid #E6E6E6; border-bottom: 1px solid #E6E6E6;
  318. }
  319. #download_cell_3 {
  320.     background: #F6F6F6; font-size: 10px; padding-top: 2px; padding-bottom: 2px; padding-right: 2px;
  321.     border-right: 1px solid #E6E6E6; border-top: 1px solid #E6E6E6; border-bottom: 1px solid #E6E6E6;
  322. }
  323. #download_content {
  324.     font-size: 12px; vertical-align: middle;
  325. }
  326. #download_link {
  327.     font-size: 10px; vertical-align: middle;
  328. }
  329. #back_to_top {
  330.     font-size: 10px; 
  331. }
  332.  
  333.  
  334.  
  335.  
  336.  
  337.  
  338.  
  339.  
  340.  
  341. /* membership overview styles */
  342. #member_header {
  343.     text-align: left; font-family: verdana; font-weight: bold; font-size: 10px; color: #FFFFFF;     
  344. }
  345.  
  346. #member_category {
  347.     text-align: center; border-left: 1px #FFFFFF solid; font-family: verdana; font-weight: bold; font-size: 10px; color: #FFFFFF;
  348. }
  349.  
  350. #white_row {
  351.     background: #FFFFFF;
  352. }
  353. #blue_row {
  354.     background: #F0F5F9;
  355. }
  356. #spacer_row {
  357.     border-right: 1px solid #A2A6A9; border-left: 1px solid #A2A6A9;
  358. }
  359. #left_border {
  360.     border-left: 1px solid #A2A6A9;
  361. }
  362. #right_border {
  363.     border-right: 1px solid #A2A6A9; text-align: center; vertical-align: middle;
  364. }
  365. #gray_line {
  366.     border-right: 1px solid #A2A6A9; border-left: 1px solid #A2A6A9; background: #A2A6A9;
  367. }
  368. #dot_cell {
  369.     text-align: center; vertical-align: middle;
  370. }
  371. #fine_print {
  372.     vertical-align: top; font-size: 11px; color: #5F5F5F; font-family: lucida grande , arial;
  373. }
  374. #pricing {
  375.     font-size: 12px; font-family: lucida grande , arial;
  376. }
  377.  
  378.  
  379.  
  380.  
  381. /* sample code classes */
  382. #right_content {
  383.     text-align: right; font-size: 12px;
  384. }
  385. #sc_content {
  386.     font-size: 12px;
  387. }
  388.  
  389.  
  390.  
  391.  
  392.  
  393. /* Original Apple CSS items (unused at this time) */
  394. /* ---------------------------------------------- */
  395.  
  396. H1 {
  397.     FONT-WEIGHT: bold; FONT-SIZE: 18px; FONT-FAMILY: lucida grande, geneva, helvetica, arial, sans-serif
  398. }
  399.  
  400. #text {
  401.     FONT-SIZE: 10px; FONT-FAMILY: lucida grande, geneva, helvetica, arial, sans-serif; line-height: 16px;
  402. }
  403.  
  404.  
  405. #bodytext {
  406.     FONT-SIZE: 10px; FONT-FAMILY: lucida grande, geneva, helvetica, arial, sans-serif
  407. }
  408. #bodytextlarge {
  409.     FONT-SIZE: 12px; FONT-FAMILY: lucida grande, geneva, helvetica, arial, sans-serif
  410. }
  411. #bodytitle {
  412.     FONT-WEIGHT: bold; FONT-SIZE: 10px; FONT-FAMILY: lucida grande, geneva, helvetica, arial, sans-serif
  413. }
  414. #bodytitlelarge2 {
  415.     FONT-WEIGHT: bold; FONT-SIZE: 12px; FONT-FAMILY: lucida grande, geneva, helvetica, arial, sans-serif
  416. }
  417. #bodytitlelarge {
  418.     FONT-WEIGHT: bold; FONT-SIZE: 12px; FONT-FAMILY: arial, helvetica, sans-serif
  419. }
  420. #bodytitleextralarge {
  421.     FONT-WEIGHT: bold; FONT-SIZE: 14px; FONT-FAMILY: arial, helvetica, sans-serif
  422. }
  423. #callout {
  424.     FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR: #737373; FONT-FAMILY: lucida grande, geneva, helvetica, arial, sans-serif
  425. }
  426. #calloutsubitem {
  427.     FONT-SIZE: 10px; COLOR: #666666; FONT-FAMILY: lucida grande, geneva, helvetica, arial, sans-serif
  428. }
  429. #resourcetitle {
  430.     FONT-WEIGHT: bold; FONT-SIZE: 10px; FONT-FAMILY: lucida grande, geneva, helvetica, arial, sans-serif
  431. }
  432. #resourcetext {
  433.     FONT-SIZE: 10px; FONT-FAMILY: helvetica, geneva, arial, sans-serif
  434. }
  435. #resourcehead {
  436.     FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #808080; FONT-FAMILY: arial, helvetica, sans-serif
  437. }
  438. #mkt {
  439.     FONT-SIZE: 12px; FONT-FAMILY: arial, helvetica, sans-serif
  440. }
  441. #mkt2 {
  442.     FONT-SIZE: 14px; FONT-FAMILY: arial, helvetica, sans-serif
  443. }
  444. #breadcrumb {
  445.     FONT-WEIGHT: bold; FONT-SIZE: 12px; FONT-FAMILY: arial, helvetica, sans-serif
  446. }
  447. #breadcrumblocation {
  448.     FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #cc6600; FONT-FAMILY: arial, helvetica, sans-serif
  449. }
  450. #menutitle {
  451.     FONT-WEIGHT: bold; FONT-SIZE: 12px; MARGIN-LEFT: 10px; FONT-FAMILY: arial, helvetica, sans-serif
  452. }
  453. #menutext {
  454.     FONT-SIZE: 10px; MARGIN-LEFT: 10px; LINE-HEIGHT: 14px; FONT-FAMILY: helvetica, geneva, arial, sans-serif
  455. }
  456. #source {
  457.     FONT-SIZE: 9px; COLOR: #666666; FONT-STYLE: italic; FONT-FAMILY: helvetica, geneva, arial, sans-serif
  458. }
  459.